*{
	margin: 0;
	padding: 0;
}
body{
	overflow: hidden;
}
.login-box{
	position: relative;
	background-size: 100% 100% !important;
	background: #3FB560;
}
.logo-d{
	position: absolute;
	right: 50px;
	top: 50px;
}
.dh-left-top{
	float: left;
	margin-left: 50px;
	margin-top: 50px;
	position: relative;
}

.back1{
	position: absolute;
	z-index: 0;
	width: 40%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	animation: xuan 30s infinite linear;
}
@keyframes xuan{
	from{
		transform: translate(-50%,-50%) rotate(0deg);
	}
	to{
		transform: translate(-50%,-50%) rotate(360deg);
	}
}
.back-left{
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
}
.back-right{
	position: absolute;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
}
.span1{
	position: absolute;
	display: block;
	width: 30px;
	height: 2px;
	background: #000000;
}
.span2{
	position: absolute;
	display: block;
	left: 30px;
	top: 20px;
	width: 30px;
	height: 2px;
	background: #000000;
}
.span3{
	position: absolute;
	display: block;
	left: 60px;
	width: 30px;
	height: 2px;
	background: #000000;
}
.span4{
	position: absolute;
	display: block;
	left: 90px;
	top: 20px;
	width: 30px;
	height: 2px;
	background: #000000;
}
.span5{
	position: absolute;
	display: block;
	left: 120px;
	width: 30px;
	height: 2px;
	background: #000000;
}
.span6{
	position: absolute;
	display: block;
	left: 150px;
	top: 20px;
	width: 30px;
	height: 2px;
	background: #000000;
}
.span7{
	position: absolute;
	display: block;
	left: 180px;
	width: 30px;
	height: 2px;
	background: #000000;
}
.span8{
	position: absolute;
	display: block;
	left: 210px;
	top: 20px;
	width: 30px;
	height: 2px;
	background: #000000;
}
.dh-left-top .animate1{
	animation: span_dan 2s 3 ;
}
.dh-left-top .animate2{
	animation: span_shuang 2s 0.75s 3;
}
.dh-left-top .animate3{
	animation: span_dan 2s 1.5s 3;
}
.dh-left-top .animate4{
	animation: span_shuang 2s 2.25s 3;
}
.dh-left-top .animate5{
	animation: span_dan 2s 3s 3;
}
.dh-left-top .animate6{
	animation: span_shuang 2s 3.75s 3;
}
.dh-left-top .animate7{
	animation: span_dan 2s 4.5s 3;
}
.dh-left-top .animate8{
	animation: span_shuang 2s 5.25s 3;
}
.dh-left-bottom{
	position: absolute;
	bottom: 50px;
	left: 50px;
}
.i1{
	display: inline-block;
	width: 4px;
	background: #FFFFFF;
	height: 50px;
	margin-right: 5px;
	animation: i1 2s infinite;
}
.i2{
	display: inline-block;
	width: 4px;
	background: #FFFFFF;
	height: 40px;
	margin-right: 5px;
	animation: i2 2s infinite;
}
.i3{
	display: inline-block;
	width: 4px;
	background: #FFFFFF;
	height: 30px;
	margin-right: 5px;
	animation: i3 2s infinite;
}
.i4{
	display: inline-block;
	width: 4px;
	background: #FFFFFF;
	height: 20px;
	margin-right: 5px;
	animation: i4 2s infinite;
}
.i5{
	display: inline-block;
	width: 4px;
	background: #FFFFFF;
	height: 10px;
	margin-right: 5px;
	animation: i5 2s infinite;
}
.login{
	width: 427px;
	height: 537px;
	background: rgba(255,255,255,0.2);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -213px;
	margin-top: -268px;
	box-sizing: border-box;
	padding: 50px 40px;
}
.login h3{
	color: #FFFFFF;
	font-size: 27px;
	letter-spacing: 5px;
	font-weight: 100;
}
.login p{
	min-height: 27px;
	position: relative;
	margin-top: 60px;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFFFFF;
}
.yhm input{
	position: absolute;
	display: block;
	font-size: 20px;
	color: #FFFFFF;
	border: none;
	background: none;
	left: 0;
	bottom: 3px;
	height: 100%;
	padding-left: 80px;
	outline: none;
}
.yhm span{
	color: #FFFFFF;
	letter-spacing: 3px;
	font-size: 20px;
}
.mima input{
	position: absolute;
	display: block;
	font-size: 20px;
	color: #FFFFFF;
	border: none;
	background: none;
	left: 0;
	bottom: 3px;
	height: 100%;
	padding-left: 80px;
	outline: none;
}
.mima span{
	color: #FFFFFF;
	letter-spacing: 3px;
	font-size: 20px;
}
.denlu input{
	position: absolute;
	display: block;
	font-size: 20px;
	color: #FFFFFF;
	border: none;
	background: none;
	left: 0;
	bottom: 3px;
	height: 100%;
	padding-left: 80px;
	outline: none;
}
.yzm{
	border-bottom: none !important;
}
.yzm input{
	position: absolute;
	display: block;
	width:40%;
	font-size: 20px;
	color: #FFFFFF;
	border: none;
	background: none;
	bottom: 3px;
	height: 20px;
	outline: none;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 15px;
}

.denlu{
	text-align: center;
	border-bottom: none !important;
}
.btn{
	background :none;
	outline: none;
	border: none;
	padding: 14px 40px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-size: 24px;
	color: #FFFFFF;
	cursor: pointer;
}
.yzm .code   
{   
	text-align: center;
	position: absolute;
	right: 0;
	left:auto; 
    letter-spacing:5px;  
    font-size: 24px !important;
}   
.unchanged   
{   
    border:0;   
}   
@keyframes span_dan{
	0%{
		top: 0;
	}
	50%{
		top: 20px;	
	}
	100%{
		top: 0;
	}
}
@keyframes span_shuang{
	0%{
		top: 20px;
	}
	50%{
		top: 0px;	
	}
	100%{
		top: 20px;
	}
}
@keyframes i1{
	0%{
		height: 50px;
	}
	50%{
		height: 0px;
	}
	100%{
		height: 50px;
	}
}
@keyframes i2{
	0%{
		height: 40px;
	}
	40%{
		height: 0px;
	}
	90%{
		height: 50px;
	}
	100%{
		height: 40px;
	}
}
@keyframes i3{
	0%{
		height: 30px;
	}
	30%{
		height: 0px;
	}
	80%{
		height: 50px;
	}
	100%{
		height: 30px;
	}
}
@keyframes i4{
	0%{
		height: 20px;
	}
	20%{
		height: 0px;
	}
	70%{
		height: 50px;
	}
	100%{
		height: 20px;
	}
}

@keyframes i5{
	0%{
		height: 10px;
	}
	10%{
		height: 0px;
	}
	60%{
		height: 50px;
	}
	100%{
		height: 10px;
	}
}
